<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../css/public.css" media="all">
    <style>
        body {
            background-color: #fbfaff;
        }
    </style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="areaForm">
    <div class="layui-form-item">
        <label class="layui-form-label required">封控信息编号</label>
        <div class="layui-input-block">
            <input type="text" name="area_id" lay-verify="required" readonly lay-reqtext="封控信息编号不能为空" placeholder="请输入封控信息编号" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">封控小区名</label>
        <div class="layui-input-block">
            <input type="text" name="region_name" lay-verify="required" readonly lay-reqtext="封控小区名为空" placeholder="请输入封控小区" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">封控详细地点</label>
        <div class="layui-input-block">
            <input type="text" name="region_detail" lay-verify="required" readonly lay-reqtext="封控地点不能为空" placeholder="请输入封控地点" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">封控开始时间</label>
        <div class="layui-input-block">
            <input type="date" name="area_starttime" lay-verify="required" readonly lay-reqtext="封控开始时间不能为空" placeholder="请输入封控开始时间" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">封控结束时间</label>
        <div class="layui-input-block">
            <input type="date" name="area_endtime" lay-verify="required" readonly lay-reqtext="封控结束时间不能为空" placeholder="请输入封控结束时间" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label required">封控等级</label>
        <div class="layui-input-block">
            <input type="text" name="area_level" lay-verify="required" readonly lay-reqtext="封控等级不能为空" placeholder="请输入封控等级" value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label ">封控信息详情</label>
        <div class="layui-input-block">
            <input type="text" name="area_detail" readonly  value="" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn"><a href="../../../page/prevent_module/area/update.html">修改</a></button>
        </div>
    </div>
</div>
</div>
<script src="../../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            layer = layui.layer,
            laydate = layui.laydate
            $ = layui.$;
            laydate.render({
                elem: '#date'
            });
        
        //从localStorage 把数据取出来  赋值给表单项
        var jsonStr = localStorage.getItem("area");
        var areaObj = JSON.parse(jsonStr);    
        //给表单项赋值
        form.val("areaForm",{
            area_id:areaObj.area_id,
            region_name:areaObj.region_name,
            region_detail:areaObj.region_detail,
            area_starttime:areaObj.area_starttime,
            area_endtime:areaObj.area_endtime,
            area_level:areaObj.area_level,
            area_detail:areaObj.area_detail
        });

        
    });
</script>
</body>
</html>